<!DOCTYPE html>
<html lang="zh-Hans-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width" />
    <title>首页模板</title>
    <link href="src/layui/css/layui.css" rel="stylesheet" type="text/css" />
    <link
      href="src/font-awesome/css/font-awesome.min.css"
      rel="stylesheet"
      type="text/css"
    />
    <link href="src/css/index_style.css" rel="stylesheet" type="text/css" />
    <link href="src/css/animate.min.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
      <span></span>
      <span></span>
      <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
      <ul class="point">
        <% router.forEach(function(item){ %>
        <li><a href="<%= item.url %>"><%= item.name %></a></li>
        <% }); %>
      </ul>

      <div class="logo"><a>logo</a></div>
    </div>
    <div class="section" id="section1">
      <div class="fp-tablecell">
        <div class="page1">
          <div class="nav wow zoomIn" data-wow-duration="2s">
            <h1>科技改变生活</h1>
            <p>
              科技是推动人类进步的巨大引擎，它不断改变着我们的生活方式和工作方式
            </p>
            <a
              class="layui-btn layui-btn-normal"
              style="margin-top: 20px"
              href="#"
              >Enter Website</a
            >
          </div>
          <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
        </div>
      </div>
    </div>
    <div class="section" id="section2">
      <div class="fp-tablecell">
        <div class="page2">
          <div class="warp-box">
            <div class="new-article">
              <div class="inner wow fadeInDown" data-wow-delay=".2s">
                <h1>热门文章</h1>
                <p>
                  抓住下一代新科技,确保领先位置
                  <br />新算法和新模型的爆发，使得3D生成进入涌现期.
                </p>
              </div>
            </div>
            <div class="layui-row">
              <% texts.forEach(function(item){ %>
              <div
                class="layui-col-xs12 layui-col-sm4 layui-col-md4 wow fadeInUp"
                style="padding: 0 10px"
              >
                <div class="single-news">
                  <div class="news-head">
                    <img src="<%= item.cover %>" />
                    <a href="#" class="link"><i class="fa fa-link"></i></a>
                  </div>
                  <div class="news-content">
                    <h4>
                      <a href="#"><%= item.title %></a>
                    </h4>
                    <div class="date"><%= item.time %></div>
                    <p><%= item.content %></p>
                    <a href="#" class="btn"> 阅读更多 </a>
                  </div>
                </div>
              </div>
              <% }); %>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section" id="section3">
      <div class="fp-tablecell">
        <div class="page3">
          <div class="warp-box">
            <div class="warp">
              <div class="inner">
                <div class="links">
                  <ul>
                    <li class="wow fadeInLeft"><a href="#">关于</a></li>
                    <li class="wow fadeInRight"><a href="#">+友情链接</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section" id="section4">
      <div class="fp-tablecell">
        <div class="page4">
          <div class="warp-box">
            <div class="about">
              <div class="inner">
                <h1 class="wow fadeInLeft">人工智能</h1>
                <p class="wow fadeInRight">
                  人工智能（Artificial
                  Intelligence），英文缩写为AI。是新一轮科技革命和产业变革的重要驱动力量。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer class="footer wow fadeInUp" id="contact">
      <div class="footer-top">
        <div class="container">
          <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
              <div class="single-widget about">
                <div class="footer-logo">
                  <h2>openai</h2>
                </div>
                <p>
                  OpenAI&copy;是一家位于美国旧金山的人工智能研究公司，成立于2015年。
                </p>
                <div class="button">
                  <a href="#" class="btn layui-btn layui-btn-normal"
                    >About Me</a
                  >
                </div>
              </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
              <div class="single-widget">
                <h2>相关链接</h2>
                <ul class="social-icon">
                  <li class="active">
                    <a href="#"><i class="fa fa-book"></i>博文</a>
                  </li>
                  <li class="active">
                    <a href="#"><i class="fa fa-comments"></i>留言</a>
                  </li>
                  <li class="active">
                    <a href="#"><i class="fa fa-share"></i>资源</a>
                  </li>
                  <li class="active">
                    <a href="#"><i class="fa fa-snowflake-o"></i>日记</a>
                  </li>
                  <li class="active">
                    <a href="#"><i class="fa fa-files-o"></i>归档</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
              <div class="single-widget contact">
                <h2>联系我</h2>
                <ul class="list">
                  <li><i class="fa fa-map"></i>地址: <%= opt.addr %></li>
                  <li><i class="fa fa-qq"></i>QQ: <%= opt.qq %></li>
                  <li><i class="fa fa-envelope"></i>邮箱: <%= opt.email %></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="container">
          <div class="layui-row">
            <div
              class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center"
            >
              <p><%- copy %></p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <script src="src/layui/layui.js"></script>
    <script src="src/js/wow.min.js"></script>
    <script src="src/js/index.js"></script>
  </body>
</html>
